<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
    <title>确认订单</title>
    <link rel="stylesheet" type="text/css" href="../../js/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../../css/main.css" /> 
    <link rel="stylesheet" type="text/css" href="../../css/goods/confirm_order.css" /> 
</head>

<body>
    <div id="order_id">
        <header class="header-main">
            <van-nav-bar title="确认订单" left-arrow @click-left="onClosePage"></van-nav-bar>
        </header>
        <template>
        <div class="detail-info main-body">
            <div class="user-info" style="white-space: nowrap">
                <van-field v-model="userName" maxlength="20" label="姓&emsp;&emsp;名:"  placeholder="请输入姓名"></van-field>
                <van-field v-model="userPhone" maxlength="11" type="tel" label="手机号码:" placeholder="请输入手机号码"></van-field>
                <van-field v-model="region" maxlength="20" label="所在地区:" placeholder="请选择省市区" readonly="true" @click="onShowAddressPicker"></van-field>
                <van-field v-model="address" maxlength="50" label="地址:"  placeholder="请输入地址"></van-field>
                <van-field v-model="postCode" maxlength="20" type="tel" label="邮编:" placeholder="请输入邮编地址"></van-field>
                <van-field v-model="takeTicketDate" maxlength="20" label="预约取票日期:" placeholder="请选择取票日期" readonly="true" @click="onShowCalendar"></van-field>

				<!-- <van-field v-model="takeTicketDate" maxlength="20" type="date" label="预约取票日期:" placeholder="请输入取票日期"></van-field> -->
            </div>
            <div class="card-item">
                <van-row>
                    <van-col span="6">
                        <div class="goods-img">
                            <van-image width="90" height="90" src="../../images/goodsDetail/yuxue.png" fit="cover">
                                <template v-slot:loading>
                                <van-loading type="spinner" size="20" />
                                </template>
                            </van-image>
                        </div>
                    </van-col>
                    <van-col span="18">
                        <div class="content-item">
                            <van-row>
                                <van-col span="13">
                                    <div class="goods-title">万达茂娱雪乐园</div>
                                </van-col>
                                <van-col span="11">
                                    <div class="price-area">
                                        <div class="price"><van-cell title-class="price-title" value-class="price-value" title="原&emsp;价:" :value="'¥'+price"></van-cell></div>
                                        <div class="activity-price" style="white-space: nowrap"><van-cell title-class="price-title" value-class="price-value" title="支持食安创城价:" :value="'¥108'"></van-cell></div>
                                    </div>
                                </van-col>
                            </van-row>
                        </div>
                        <div class="spe-item">
                            <van-cell title-class="spe-title" value-calss="spe-value"  title="成人/中学生票" value="x1" ></van-cell>
                        </div>
                    </van-col>
                </van-row>
                <div class="distribution-type">
                    <van-cell title-class="distribution-title" value-class="distribution-value" title="配送方式:" value="售票窗自取"></van-cell>
                </div>
                <div class="preferential">
                    <van-cell title-class="preferential-title" value-class="preferential-value" title="活动优惠券:" :value="'¥'+deductPrice()"></van-cell>
                </div>
                <div class="gools-total">
                    <span class="gools-number">共1件&emsp;合计金额:</span><span class="gools-total-price">{{prePrice}}元</span>
                </div>
            </div>
        </div>
        </template>
        <template>
            <van-overlay :show="pickerShow" @click="pickerShow = false">
                <div class="address-picker-area"> 
                    <van-picker show-toolbar title="地址" :columns="addressColumns" @confirm="onAddressConfirm"></van-picker>
                </div>
            </van-overlay>
        </template>
        <template>
        <van-calendar v-model="isShowCalendar" :min-date="minDate" @confirm="onDateConfirm" />
        </template>
    </div>
    <footer>
        <div class="place-order-imy" onclick="placeOrder()"><span>以食安创城价购买</span></div>
    </footer>
</body>
<script type="text/javascript" src="../../js/jquery/jquery320min.js"></script> 
<script type="text/javascript" src="../../js/vant/vuemin.js"></script>
<script type="text/javascript" src="../../js/vant/vantmin.js"></script>
<script type="text/javascript" src="../../res/data/address_picker.js"></script>
<script type="text/javascript" src="../../js/tools.js"></script>
<script type="text/javascript" src="../../js/packajax.js"></script>
<script type="text/javascript" src="../../js/order/confirm_wanda_yuxue_order.js"></script>
</html>